<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,er-scale=no">
	<title> 自测 </title>
<style>
*{
	margin: 0;
	padding: 0;
}	

input {
  width: 600px;
  height: 30px;
  margin: 20px;
  border: 1px solid red;
}
</style>	

<script>


const aa = (str) => {
  // 对输入做处理，如果小于1返回空（LeetCode测试用例）
  if (str.length < 1) return []
  // 建立电话号码键盘映射
  let map = ['', 1, 'abc', 'def', 'ghi', 'jkl', 'mno', 'pqrs', 'tuv', 'wxyz']
  // 如果只给了一个按键，直接把按键内容取出来并按单个字符分组就可以了（LeetCode测试用例）
  if (str.length < 2) return map[str].split('')
  // 把输入字符串按单字符分隔变成数组，234=>[2,3,4]
  let num = str.split('')
  // 保存键盘映射后的字母内容，如 23=>['abc','def']
  let code = []
  num.forEach(item => {
    if (map[item]) {
      code.push(map[item])
    }
  })
  let comb = (arr) => {
    // 临时变量用来保存前两个组合的结果
    let tmp = []
    // 最外层的循环是遍历第一个元素，里层的循环是遍历第二个元素
    for (let i = 0, il = arr[0].length; i < il; i++) {
      for (let j = 0, jl = arr[1].length; j < jl; j++) {
        tmp.push(`${arr[0][i]}${arr[1][j]}`)
      }
    }
    arr.splice(0, 2, tmp)
    if (arr.length > 1) {
      comb(arr)
    } else {
        console.log("tmp=================", tmp)
      return tmp
    }

    console.log("arr=================", arr)
    return arr[0]
  }

  console.log("comb(code)=================", comb(code))
  return comb(code)
}


aa("333")

</script>
</head>
<body>

  <table border="1" width="1600px">
    <thead>
      <tr>
        <th>11111</th>
        <th>2222</th>
        <th>333333</th>
        <th>4444444</th>
        <th>555555555</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>1111111111</td>
        <td>1111111111</td>
        <td>1111111111</td>
        <td>1111111111</td>
        <td>1111111111</td>
      </tr>
      <tr>
        <td rowspan="2">2222222222222</td>
        <td>2222222222222</td>
        <td>2222222222222</td>
        <td>2222222222222</td>
        <td>2222222222222</td>
      </tr>
      <tr>
        <td>3333333333333</td>
        <td>3333333333333</td>
        <td>3333333333333</td>
        <td>3333333333333</td>
        <!-- <td>3333333333333</td> -->
      </tr>
      <tr>
        <td rowspan="3">444444444444</td>
        <td>444444444444</td>
        <td>444444444444</td>
        <td>444444444444</td>
        <td>444444444444</td>
      </tr>
      <tr>
        <td>5555555555555</td>
        <td>5555555555555</td>
        <td>5555555555555</td>
        <td>5555555555555</td>
      </tr>
      <tr>
        <td>66666666666666666666</td>
        <td>66666666666666666666</td>
        <td>66666666666666666666</td>
        <td>66666666666666666666</td>
      </tr>
      <tr>
        <td>777777777777777777</td>
        <td>777777777777777777</td>
        <td>777777777777777777</td>
        <td>777777777777777777</td>
        <td>777777777777777777</td>
      </tr>
    </tbody>
  </table>

<div>
22
中文

<input type="text" value="ce" />
  <!-- <input id="test1" name="test1" style="ime-mode:disabled" value="不显示输入法，即用键盘也不能切换输入法"></input>-->

    <!--<input id="test2" name="test2" style="ime-mode:active" value="自动切换成英文的输入法，但还可以用键盘切换"></input>-->

   <!-- <input id="test3" name="test3" style="ime-mode:inactive" value="自动切换成中文输入法，但还可以用键盘切换"></input> -->

    <!--<input id="test4" name="test4" style="ime-mode:auto" value="根据当前的输入法来确定的，如果当前是英文的，那就显示英文，是中文的那就显示中文"></input> -->

</div>

</body>
</html>
